<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="js/rem.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <title>日赛</title>
</head>
<body>
    <div class="daily">
        <p class="title">12月31日月赛开赛通知</p>
        <p class="content">心缘竞技系列赛长春赛区12月31日将开始月赛场比赛。</p>
        <div class="time">
            <div class="left">
                <p class="title">比赛时间:</p>
                <p class="content">12月31日 13:00-14:30</p>
            </div>
            <div class="right">
                <p class="right-title">即将开赛</p>
                <div class="djs">
                    <div class="left" id="hours">
                        00
                    </div>
                    <span class="dot">:</span>
                    <div class="right" id="minutes">
                        00
                    </div>
                </div>
            </div>
        </div>
        <div class="time box-center">
            <img class="daily-btn" src="./img/monthbtn.png" alt="">
            <p class="congratulations">恭喜比赛报名成功，祝您游戏好运。</p>
        </div>
        <div class="time">
            <p class="title">比赛奖励:</p>
            <div class="content-center">
                <p class="gift">第<span class="gift-span">1</span>名：奖金人民币<span class="gift-span">50000</span>元</p>
                <p class="gift">第<span class="gift-span">2</span>-<span class="gift-span">4</span>名：奖金人民币<span class="gift-span">5000</span>元</p>
                <p class="gift">第<span class="gift-span">5</span>-<span class="gift-span">16</span>名：奖金人民币<span class="gift-span">200</span>元</p>
                <p class="gift">第<span class="gift-span">17</span>-<span class="gift-span">64</span>名：奖金人民币<span class="gift-span">100</span>元</p>
            </div>
        </div>
        <div class="time">
            <p class="title">比赛奖励领取</p>
            <p class="content">玩家可以在排行栏中查看比赛结果，并且可以在通知栏中领取奖励。</p>
        </div>
        <div class="time">
            <p class="title">比赛规则</p>
            <p class="content">
                玩家12月在约局房或预赛场中赢取比赛胜利数达到10场，可获得12月月赛卡，月赛由多轮比赛组成，每轮时长70分钟，玩家可以在每轮比赛前20分钟进入赛场等待，第一轮为排位赛，根据4圈积分（相同积分情况下算小分：总参与场次、推广人数、胜率）由高到低取前256名进入下一轮。
            </p>
            <p class="content">
                玩家可以在通知栏获取是否晋级下一轮通知，也可以直接在下一轮比赛开始时在比赛大厅月赛入口查看是否有下一轮比赛资格。
            </p>
            <p class="content">
                第二轮以及之后轮皆为淘汰赛，取每桌4圈第一名晋级下一轮，直到取出最终第一名为止。
            </p>
        </div>
    </div>
</body>
<script language="javascript" type="text/javascript">
     let t = setInterval("leftTimer(2017,12,30,13,00,00)",1000)
    function leftTimer(year,month,day,hour,minute,second){
        var leftTime = (new Date(year,month-1,day,hour,minute,second)) - (new Date()); //计算剩余的毫秒数
        var days = parseInt(leftTime / 1000 / 60 / 60 / 24 , 10); //计算剩余的天数
        var hours = parseInt(leftTime / 1000 / 60 / 60 % 24 , 10); //计算剩余的小时
        var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟
        var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数
        days = checkTime(days);
        hours = checkTime(hours);
        minutes = checkTime(minutes);
        seconds = checkTime(seconds);
        if(days === '00') {
            document.getElementById("minutes").innerHTML =minutes;
            document.getElementById("hours").innerHTML = hours;
        }
    }
    function checkTime(i){ //将0-9的数字前面加上0，例1变为01
        if(i<10)
        {
            i = "0" + i;
        }
        return i;
    }


</script>
</html>